<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>发票详情-个人</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="fonts/iconfont.css" />

	</head>

	<body>
		<div class="pc" style="background: #ff5722; height:70px; position: relative; z-index: 11;">
			<div id="Navigation" class="Navigation clearfix">
				<div class="logo">
					<a href="/"><img class="img" src="images/logo.png" /></a>
				</div>
				<div class="Nav">
					<a th:href="@{/}">
						<div class="NavItem index">
							<p>首页</p>
						</div>
					</a>
					<a th:href="@{/private}">
						<div class="NavItem personalTailor">
							<p>私人定制</p>
						</div>
					</a>
					<a th:href="@{/work}">
						<div class="NavItem workResume">
							<p>工作简历</p>
						</div>
					</a>
					<a th:href="@{/lover}">
						<div class="NavItem loveResume">
							<p>婚恋简历</p>
						</div>
					</a>
					<a th:href="@{/celebrity}">
						<div class="NavItem brandIntroductionNav">
							<p>网红同款<i></i></p>
						</div>
					</a>
					<a th:href="@{/brand}">
						<div class="NavItem brandIntroductionNav">
							<p>品牌故事</p>
						</div>
					</a>
				</div>
				<div class="login" style="display: none;">
					<img th:src="${#request.getAttribute('ctx') + '/static/img/user-icon.png'}" />
					<a href="javascript:;">登录</a> /
					<a href="javascript:;">注册</a>
				</div>
				<div class="login_already">
					<div class="top clearfix">
						<div class="user_img">
							<img src="images/user-img.png" />
						</div>
						<p>个人设置</p>
					</div>
					<ul>
						<li>
							<a href="javascript:void(0)">昵称</a>
						</li>
						<li>
							<a href="content/user.html">个人中心</a>
						</li>
						<li>
							<a href="javascript:void(0)">注销登录</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!-- 主体内容 -->
		<div class="user_container clearfix">
			<!-- 左侧导航 -->
			<div class="left_boxwrap">
				<div class="user_head">
					<img src="images/user.png" alt="">
					<p>王西西</p>
				</div>
				<div class="left_box_nav">
					<dl class="parent_nav">
						<dt>设置<i class="iconfont icon-more"></i></dt>
						<dd>
							<ul class="find_nav">
								<li>
									<a href="javascript:void(0)">个人信息</a>
								</li>
								<li>
									<a href="javascript:void(0)">安全设置</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl class="parent_nav">
						<dt>我的订单<i class="iconfont icon-more"></i></dt>
						<dd>
							<ul class="find_nav">
								<li>
									<a href="javascript:void(0)">全部订单</a>
								</li>
								<li>
									<a href="javascript:void(0)">已完成</a>
								</li>
								<li>
									<a href="javascript:void(0)">已完成</a>
								</li>
								<li>
									<a href="javascript:void(0)">待评价</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl class="parent_nav">
						<dt>我的收藏<i class="iconfont icon-more"></i></dt>
						<dd>
							<ul class="find_nav">
								<li>
									<a href="javascript:void(0)">摄影师</a>
								</li>
								<li>
									<a href="javascript:void(0)">编剧</a>
								</li>
								<li>
									<a href="javascript:void(0)">作品</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl class="parent_nav">
						<dt>我的评价<i class="iconfont icon-more"></i></dt>
						<dd>
							<ul class="find_nav">
								<li>
									<a href="javascript:void(0)">已评价</a>
								</li>
								<li>
									<a href="javascript:void(0)">待评价</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl class="parent_nav">
						<dt>优惠券<i class="iconfont icon-more"></i></dt>
						<dd>
							<ul class="find_nav">
								<li>
									<a href="javascript:void(0)">我的优惠券</a>
								</li>
							</ul>
						</dd>
					</dl>
					<dl class="parent_nav">
						<dt>发票中心<i class="iconfont icon-more"></i></dt>
						<dd>
							<ul class="find_nav">
								<li>
									<a href="javascript:void(0)">我的发票</a>
								</li>
							</ul>
						</dd>
					</dl>
				</div>
			</div>

			<!-- 右侧内容 -->
			<div class="right_boxwrap">
				<div class="user_right_box">
					<div class="user_right_box_title">
						<div class="user_right_box_title_l">
							<em></em>
							<h3>发票详情</h3>
						</div>
					</div>
					
					<!--头部步骤提示-->
					<div class="step-box clearfix">
						<dl style="margin-right: 5px;">
							<dt style="border-radius: 50px 0 0 50px; background: #ff5637;"></dt>
							<dd style="color: #ff5637;">已提交</dd>
						</dl>
						<dl>
							<dt style="border-radius: 0 50px 50px 0;"></dt>
							<dd>申请成功</dd>
						</dl>
					</div>

					<div class="user_info order_info my_invoice_details">
						<div class="middle">
							<div class="middle_box">
								<div class="middle_box_title">
									<h3>发票信息</h3>
								</div>
								<div class="middle_box_con">
									<table class="order_details_table" border="0" cellspacing="0" cellpadding="0">
										<tr>
											<th valign="top">发票类型：</th>
											<td>纸质普票</td>
										</tr>
										<tr>
											<th valign="top">发票抬头：</th>
											<td>公司名称</td>
										</tr>
										<tr>
											<th valign="top">发票内容：</th>
											<td>视频拍摄</td>
										</tr>
										<tr>
											<th valign="top">发票金额：</th>
											<td>￥2000.00元</td>
										</tr>
										<tr>
											<th valign="top">发票税号：</th>
											<td>4586454553</td>
										</tr>
									</table>
								</div>
							</div>
							
							<div class="middle_box">
								<div class="middle_box_title">
									<h3>收票人信息</h3>
								</div>
								<div class="middle_box_con">
									<table class="order_details_table" border="0" cellspacing="0" cellpadding="0">
										<tr>
											<th valign="top">收票人姓名：</th>
											<td>打开了房间</td>
										</tr>
										<tr>
											<th valign="top">收票人手机：</th>
											<td>13510086110</td>
										</tr>
										<tr>
											<th valign="top">收票人地址：</th>
											<td>黄泉市XX区XXX路</td>
										</tr>
										<tr>
											<th valign="top">收票人邮箱：</th>
											<td>45615@qq.com</td>
										</tr>
									</table>
								</div>
							</div>
							
							<div class="middle_box">
								<div class="middle_box_title">
									<h3>邮寄信息</h3>
								</div>
								<div class="middle_box_con">
									<table class="order_details_table" border="0" cellspacing="0" cellpadding="0">
										<tr>
											<th valign="top">快递公司：</th>
											<td>顺丰</td>
										</tr>
										<tr>
											<th valign="top">快递单号：</th>
											<td>13510086110</td>
										</tr>
									</table>
								</div>
							</div>

						</div>

						<div class="invoice_bottom clearfix">
							<div class="invoice_bottom_btn">
								<input type="button" value="返回" />
							</div>
						</div>

					</div>

				</div>
			</div>
		</div>
		<div class="copyright pc">
			<div class="copyright_shade clearfix">

				<div class="copyright_shade_top clearfix">
					<div class="logo">
						<a href="/"><img src="/static/logo.png" /></a>
					</div>
					<div class="center">
						<dl>
							<dt>
                        <h4>关于录啊</h4>
                    </dt>
							<dd>
								<ul>
									<li>
										<a href="javascript:void(0)">录啊介绍</a>
									</li>
									<li>
										<a href="javascript:void(0)">联系我们</a>
									</li>
									<li>
										<a href="javascript:void(0)">加入录啊</a>
									</li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt>
                        <h4>商务合作</h4>
                    </dt>
							<dd>
								<ul>
									<li>
										<a href="javascript:void(0)">招商合作</a>
									</li>
									<li>
										<a href="javascript:void(0)">第三方合作</a>
									</li>
									<li>
										<a href="javascript:void(0)">其他合作</a>
									</li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt>
                        <h4>常见问题</h4>
                    </dt>
							<dd>
								<ul>
									<li>
										<a href="javascript:void(0)">注册会员</a>
									</li>
									<li>
										<a href="javascript:void(0)">项目服务</a>
									</li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt>
                        <h4>平台政策</h4>
                    </dt>
							<dd>
								<ul>
									<li>
										<a href="javascript:void(0)">保密协议</a>
									</li>
									<li>
										<a href="javascript:void(0)">隐私协议</a>
									</li>
									<li>
										<a href="javascript:void(0)">录啊协议</a>
									</li>
								</ul>
							</dd>
						</dl>
					</div>
					<div class="right">
						<a href="javascript:void(0)"><img src="images/icon/weixin-icon.png" /></a>
						<a href="javascript:void(0)"><img src="images/icon/weibo-icon.png" /></a>
					</div>
				</div>
				<div class="copyright_shade_bottom">
					<p>
						<a href="javascript:;">津ICP备2021006238号-1</a>
						<span>巨桃游娱（天津）信息科技有限公司</span>
<!--						<a href="javascript:;">京公网安备 11010802027761号</a>-->
					</p>
				</div>

			</div>
		</div>

	</body>
	<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/home.js" type="text/javascript" charset="utf-8"></script>

</html>
<div class="del">
	<i class="iconfont icon-del"></i>
</div>

<div class="checkbox">
	<input type="checkbox" name="" value="" />
</div>